<template>
    <div style="">
        <div class="status-bar" :style="{'height': statusBarHeight}"></div>
        <div class="top"><text class="top-text">管理系统</text></div>
        <waterfall class="container" :show-scrollbar="false">
            <index-wz></index-wz>
        </waterfall>
    </div>
</template>
<script>
import IndexWz from "./index/wz";
import { WxcButton } from "weex-ui";
import Title from "./_mods/title";

export default {
  components: { WxcButton, Title ,IndexWz},
  data() {
    return {
      curHomeBackTriggerTimes: 1,
      maxHomeBackTriggerTimes: 5,

      statusBarHeight: weex.config.eros.statusBarHeight
        ? weex.config.eros.statusBarHeight
        : 40,
      touchBarHeight: weex.config.eros.touchBarHeight
        ? weex.config.eros.touchBarHeight
        : 20
    };
  },
  beforeCreate: function() {
    var domModule = weex.requireModule("dom");

    domModule.addRule("fontFace", {
      fontFamily: "iconfont-eros",
      src: "url('bmlocal://iconfont/iconfont-eros.ttf')"
    });
  },
  created() {
    this.$navigator.setNavigationInfo({
      statusBarStyle: "LightContent" //LightContent Default
    });
  },
  methods: {
    // 这里给按钮添加 showEros 事件来跳转
    showEros() {
      this.$router.open({ name: "Eros" });
    }
  }
};
</script>
<style lang="scss">
$base-color: #ff6600;
.status-bar {
  width: 750;
  height: 40;
  background-color: $base-color;
}

.top {
  /*padding: 20px;*/
  height: 80px;
  background-color: $base-color;
  &-text {
    line-height: 80px;
    color: #ffffff;
    text-align: center;
  }
}

.container {
  background-color: #f8f8f8;
  // padding-left: 25px;
  // padding-right: 25px;
  padding-bottom: 25px;
  width: 750px;
}
</style>
